<template>
    <div>
        <sg-navbar></sg-navbar>
        <div class="container">
            <el-row :gutter="30">
                <el-col :sm="24" :md="16" style="transition:all .5s ease-out;margin-bottom:30px;">
                    <sg-articlelist></sg-articlelist>
                </el-col>
                <el-col :sm="24" :md="8">
                    <sg-rightlist></sg-rightlist>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
import header from '../components/header.vue'
import searchArticle from '../components/searchArticle.vue'
import searchRightList from '../components/searchRightList.vue'
export default {
    name: 'Home',
    data() { //选项 / 数据
        return {

        }
    },
    methods: { //事件处理器
      
    },
    components: { //定义组件
        'sg-navbar': header,
        'sg-articlelist': searchArticle,
        'sg-rightlist': searchRightList,
    },
    created() { //生命周期函数

    },
    watch: {
       
    },

}
</script>

<style></style>
